
<ion-header>
    <ion-navbar color="danger">
        <ion-title>单品</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>

    <ion-row>
        <ion-col class="shop-collection" col-6 *ngFor="let item of items,let i = index">
            <img imgloading src="{{item.data.cover_image_url}}" alt="单品图片">
            <p class="title">{{item.data.name}}</p>
            <ion-row class="subTitle" align-items-center justify-content-between>
                <span class="price">{{'¥'+item.data.price}}</span>
                <ion-badge no-padding class="like">
                    <ion-icon name="heart"></ion-icon>
                    {{item.data.favorites_count}}
                </ion-badge>
            </ion-row>
        </ion-col>
    </ion-row>

<ion-infinite-scroll *ngIf="nextUrl" (ionInfinite)="doInFinite($event)">
    <ion-infinite-scroll-content
            loadingSpinner="bubbles" loadingText="拼命加载中...">
    </ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>